<!--
  Generated template for the BankcardPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>我的银行卡</ion-title>
  </ion-navbar>

</ion-header>


<ion-content>
	<div *ngIf="data == '0'" class="null">
		<div class="content">
			<img src="./assets/imgs/nothing.png" alt="">
			<span>hi,快去开启你的刷卡生涯吧~</span>
		</div>
	</div>

	
	<div *ngIf="data == '1'" class="card-list">
		<ion-list>
			<ion-item-sliding *ngFor="let val of bankList">
				<ion-item (click)="choose(val.pdc_id)">
					<div class="card-info" >
						<div class="img">
							<img src="./assets/imgs/zhongyuanbank.png" alt="">
						</div>
						<div class="detail">
							<span [innerHTML]="val.pdc_bank_name"></span>
							<span [innerHTML]="'尾号'+val.pdc_bank_no"></span>
						</div>
					</div>
				</ion-item>
				<ion-item-options>
						<button danger class="right" (click)="delete(val.pdc_id)">
							&nbsp;&nbsp;&nbsp;&nbsp;删除&nbsp;&nbsp;&nbsp;&nbsp;
						</button>
				</ion-item-options>
			</ion-item-sliding>
		</ion-list>
	</div>

	<div class="button" (click)="addbank()">
		<div>
			<span>
				添加银行卡
			</span>
		</div>
	
	</div>
</ion-content>
